﻿<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		
		<link href="../MetroUI/css/metro-bootstrap.css" rel="stylesheet">
		<link href="../MetroUI/css/metro-bootstrap-responsive.css" rel="stylesheet">
		<link href="../MetroUI/css/docs.css" rel="stylesheet">
		<link href="../MetroUI/js/prettify/prettify.css" rel="stylesheet">

		<!-- Load JavaScript Libraries -->
		<script src="../MetroUI/js/jquery/jquery.min.js"></script><style type="text/css"></style>
		<script src="../MetroUI/js/jquery/jquery.widget.min.js"></script>
		<script src="../MetroUI/js/jquery/jquery.mousewheel.js"></script>
		<script src="../MetroUI/js/prettify/prettify.js"></script>

		<!-- Metro UI CSS JavaScript plugins -->
		<script src="../MetroUI/js/load-metro.js"></script>

		<!-- Local JavaScript -->
		<script src="../MetroUI/js/docs.js"></script>
		<script src="../MetroUI/js/github.info.js"></script>		

		<link rel="../MetroUI/stylesheet" href="css/metro-bootstrap.css">
		<script src="../MetroUI/js/metro.min.js"></script>
		<script src="../MetroUI/js/metro/metro-scroll.js"></script>
		
		
		<link rel="stylesheet" type="text/css" href="../css/andersen-equipment.css">
		<script src="../js/typesOfComponents.js"></script>
		
	</head>
	
	<body class="metro">
	
		<div id="TypesOfComponentsContainer" >
			
			<div id="header">
				
				<div id="headWrap">
					
					<!-- Шапка -->
					<div id="headMiddleTop">
						<nav class="navigation-bar">
							<div class="navigation-bar-content">
                    
								<div id="TypesOfComponentsLogo"><img src="../images/logo3.png" width="100" ></div>
						
								<div class="element place-right">
									<a class="dropdown-toggle" href="#">
										<span class="icon-cog"></span>
									</a>
								
									<ul class="dropdown-menu place-right" data-role="dropdown">
										<li><a href="#">Выход.</a></li>
									</ul>
								</div>
                        
								<span class="element-divider place-right"></span>
								<button class="element image-button image-left place-right">
									Людмила Батьковна
								</button>
						</nav>
                    </div>


					
					</div>
					
					<!-- Переход назад -->
					<div id="headMiddleBottom"> 
					
						<h1>
							<a href="/">
								<i class="icon-arrow-left-3 fg-darker smaller">
								</i>
							</a>
								Типы компонентов
							<small class="on-right"></small>
						</h1>
					
						
					</div>
					
				</div>
				
			</div>
			
			<div id="TypesOfComponentsMain">
				
				<div id="TypesOfComponentsMainWrap">
				
					<!-- Таблица тип -->
					<div id="TypesOfComponentsMainLeft">
						
						<nav class="sidebar light" id="tableType">
                            <ul>
                                <li class="title"><b>Тип</b></li>
                                <li class="active"><a href="#">Тип комплектующего</a></li>
                                <li><a href="#">Тип комплектующего</a></li>
                                <li><a href="#">Тип комплектующего</a></li>
								<li><a href="#">Тип комплектующего</a></li>
                                <li><a href="#">Тип комплектующего</a></li>
								<li><a href="#">Тип комплектующего</a></li>
                                <li><a href="#">Тип комплектующего</a></li>
								<li><a href="#">Тип комплектующего</a></li>
                                <li><a href="#">Тип комплектующего</a></li>
								<li><a href="#">Тип комплектующего</a></li>
                                <li><a href="#">Тип комплектующего</a></li>
                            </ul>
                        </nav>
						
						<div id="TypesOfComponentsButtonAddType">
							<button class="button success">Добавить.</button>
						</div>
						
						
					</div>
					
					<!-- Таблица подтип -->
					<div id="TypesOfComponentsMainRight" >
					<table class="table striped bordered hovered" id="tableSubType">
							<thead>
								<tr class="text-left">
									<th class="text-left">Подтип</th><th width="60"></th>
								</tr>
							</thead>

							<tbody>
								<tr class=""><td>Подтип комплектующего</td><td class="TypesOfComponentsButton" ><button class="button danger">Удалить.</button></td></tr>
								<tr class=""><td>Подтип комплектующего</td><td class="TypesOfComponentsButton" ><button class="button danger">Удалить.</button></td></tr>
								<tr class=""><td>Подтип комплектующего</td><td class="TypesOfComponentsButton" ><button class="button danger">Удалить.</button></td></tr>
								<tr class=""><td>Подтип комплектующего</td><td class="TypesOfComponentsButton" ><button class="button danger">Удалить.</button></td></tr>
								<tr class=""><td>Подтип комплектующего</td><td class="TypesOfComponentsButton" ><button class="button danger">Удалить.</button></td></tr>
								<tr class=""><td>Подтип комплектующего</td><td class="TypesOfComponentsButton" ><button class="button danger">Удалить.</button></td></tr>
								<tr class=""><td>Подтип комплектующего</td><td class="TypesOfComponentsButton" ><button class="button danger">Удалить.</button></td></tr>
								<tr class=""><td>Подтип комплектующего</td><td class="TypesOfComponentsButton" ><button class="button danger">Удалить.</button></td></tr>
								<tr class=""><td>Подтип комплектующего</td><td class="TypesOfComponentsButton" ><button class="button danger">Удалить.</button></td></tr>
								<tr class=""><td>Подтип комплектующего</td><td class="TypesOfComponentsButton" ><button class="button danger">Удалить.</button></td></tr>
								<tr class=""><td>Подтип комплектующего</td><td class="TypesOfComponentsButton" ><button class="button danger">Удалить.</button></td></tr>
								<tr class=""><td>Подтип комплектующего</td><td class="TypesOfComponentsButton" ><button class="button danger">Удалить.</button></td></tr>
								<tr class=""><td>Подтип комплектующего</td><td class="TypesOfComponentsButton" ><button class="button danger">Удалить.</button></td></tr>
								<tr class=""><td>Подтип комплектующего</td><td class="TypesOfComponentsButton" ><button class="button danger">Удалить.</button></td></tr>
								<tr class=""><td>Подтип комплектующего</td><td class="TypesOfComponentsButton" ><button class="button danger">Удалить.</button></td></tr>
			
							</tbody>
						</table>
						
						<div id="TypesOfComponentsButtonAddSubType">
							<button class="button success">Добавить.</button>
						</div>
		
					</div>
					
				</div>
				
			</div>	
					
		</div>
	</body>

</html>